<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>页面三</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="./css/3.css"/>
</head>
<body>
		<nav class="navbar navbar-default " role="navigation">
			
			<!-- 导航栏头部 -->
			<div class="navbar-header" id="d3">
		
				<!-- 导航栏响应式按钮 -->
				<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target="#rightnav">
					<span class="sr-only">切换导航</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!-- 导航栏标题 -->
				<a class="navbar-brand " href="#"><button type="button" class="btn btn-default">查询</button></a>	
				<a class="navbar-brand " href="#"><button type="button" class="btn btn-default" onclick="preservation()">保存</button></a>	
			</div>
			<!-- 导航栏状态管理状态 -->
				<ul class="visiblelg-none nav navbar-nav navbar-right mynav" >
					<li><a href="#" onclick="myclose()"><span class="glyphicon glyphicon-off" ></span> 退出</a></li>
				</ul>
			
			<!-- 用于切换的侧栏 -->
			<div class="collapse navbar-default navbar-collapse" id="rightnav">
				<h3>产品类型</h3>
					<ul class="nav" id="mylist">
					</ul>
		
			 </div>
		</nav>
		<!-- 内容 -->
		<div class="mypage" id='mypage'>
			<div id="mypage_top">
					<!-- 颜色选择框 -->
					<div id="d1_left">
						<div>
							<span>选择颜色:</span>
							<select name=""style="width: 100px;" id="select_color">
								
							</select>
							<button type="button" class="btn btn-default" onclick="table_data(0)">确定</button>
							<hr >
						</div>
						<div>
							
						</div>
							
	
					</div>
	
					<!-- 表格区域-1 -->
					<div id="d1">
					
						
					</div>
			</div>
	
			<!-- 表格区域-2(选中后的表格) -->
			<div id="d2">
				
			</div>
		

		</div>
		<!-- 锚点回到主页面 -->
		<a class="mao" href="#d3">
			<span class="glyphicon glyphicon-circle-arrow-up" style="color: rgb(143, 160, 202);font-size: 36px;"></span>	
		<a>
	</body>	
	
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="./js/3.js"></script>
</html>